/* CSS Document */
/* Set value default for tag */
*{
	margin: 0;
	padding: 0;
}
body  	{ font-size:12px; font-family: Arial,Verdana,sans-serif; background-color: #f6f6f6;}
img		{ border:none;}


#page { margin:0 auto; width:1021px; padding-left: 10px; }
#wrapper { width:1001px; float:left; padding-right: 20px; background: url(../Images/Home/bg_body.png) repeat-y;}

/* Header */
.header { width:1001px; height:auto; float:left; }
.banner { width:1001px; height:157px; float:left; }

.menu
{
    width: 1001px;
    height: 28px;
    float: left;
    background: url('../Images/Home/bg_menu.png') repeat-x;
    padding-bottom: 4px;
}
/*.menu ul{ list-style: none; height: 24px; float: left; padding-top: 4px;}*/
/*.menu ul li{ float: left; height: 24px; background: url(../Images/Home/mLeft.png) no-repeat left; margin-right: 1px;}*/
/*.menu ul li a{ float: left; height: 24px; line-height: 24px; text-decoration: none; color: #8b8b8b; background: url(../Images/Home/mRight.png) no-repeat right; padding: 0px 17px;}*/
.menu_active{height:24px; float:left; cursor:pointer; position:relative; padding-top:4px; margin-right:1px;}
.menu_active div.left{ width:auto; height:24px; float:left; background:url(../Images/Home/mLeftActive.png) no-repeat left; line-height:24px; padding:0px 17px 0px 22px; color:#FFF;}
.menu_active div.left a
{ 
    text-decoration:none; 
    color:Black;
}
.menu_active div.right{width:5px; height:24px; float:left; background:url(../Images/Home/mRightActive.png) no-repeat right;}
.menu_active div.sub{position:absolute; width:750px; top:28px; padding-left:10px; padding-top:6px; color:#bebebe; font-size:15px; height:28px; display:block;}
.menu_active div.sub span{color:#707070; padding-left:10px; padding-right:20px; float:left; line-height:28px; background:url(../Images/Home/icon4.png) no-repeat left center;}
.menu_active div.sub a{font-size:11px;color:#707070;text-decoration:none;}
.menu_active div.sub a:hover{color:#f17f26;}

.menu_item{height:24px; float:left; cursor:pointer; padding-top:4px; position:relative; margin-right:1px; line-height:24px}
.menu_item div.left
{
    width: auto;
    height: 24px;
    float: left;
    background: url('../Images/Home/mLeft.png') no-repeat left;
    padding: 0px 17px 0px 22px;
    color: #8b8b8b;
}
.menu_item div.left a
{ 
    text-decoration:none; 
    color:Black;
}
.menu_item div.right{width:5px; height:24px; float:left; background:url(../Images/Home/mRight.png) no-repeat right;}
.menu_item div.sub{position:absolute; top:28px; padding-left:10px; padding-top:6px; display:none;}

.customer {float:right;padding-top:3px;padding-right:5px;}
.customer img{cursor:pointer;}
.menu_bottom { width: 1001px; height: 30px; float: left; background: url(../Images/Home/bg_menu_bottom.png) no-repeat; margin-top: 1px;}
.menu_bottom .welcome {width:740px;height:30px;line-height:30px;float:left;padding-left:10px;color:#6e6e6e;font-size:11px;}
.menu_bottom .times {height:30px;line-height:30px;float:right;padding-right:20px;color:#6e6e6e;font-size:11px;}

/* End header */

#main-content { width:1001px; float:left; background: url(../Images/Home/bg_middle.png) repeat-y; padding-top: 4px; }

#right-panel { width:238px; float:right; padding-top: 5px; padding-right: 5px;}

.hot_product { width:230px;height:356px;float:left;border:solid 1px #CCC; background-color: #FFF; margin-bottom: 10px;}
.hot_product .title { width:200px;height:34px;float:right;color:#e15517;font-weight:bold;line-height:34px;background: url(../Images/Home/icon3.png) no-repeat left center;padding-left:25px;margin-top:2px;}

.box_side { width:236px; height:auto; float:left; margin-bottom:5px;}
.side_title { width:236px; height:32px; float:left; line-height:30px; background: url(../Images/Home/side_title.png) no-repeat left bottom; font-weight:bold; font-size: 18px;}
.box_side td a { color:#6f52aa; text-decoration:none; line-height: 18px; font-size: 13px;}
.side_content 	{ width:236px; height:auto; float:left;}

.box_search { width:232px;height:40px;float:left;background:url(../Images/Home/bg_search.png) no-repeat;padding-left:4px;margin-bottom:10px; padding-top:10px;}
.box_search .input_text { float:left;margin-top:14px;}
.box_search .input_btn { width:24px;height:23px;float:left;margin-top:13px;cursor:pointer;border:none;background:none;}

.danhngon { width:236px;height:230px;float:left;text-align:center;background:url(../Images/Home/danhngon.png) no-repeat;padding-top:70px;color:#716F6F;font-size:14px;line-height:20px;}
.danhngon h1{font-size:18px;font-weight:normal;color:#D3610A;}

#content-panel { width:728px; float:left; padding-left: 4px; }

.box_sachsapphathanh { width: 728px; height: auto; float: left; margin-bottom: 10px;}
.box_sachsapphathanh .title { width: 704px; height: 25px; float: left; background: url(../Images/Home/sachsapphathanh.png) no-repeat left; font-weight: bold; color: #FFF; line-height: 25px; padding-left: 24px;}
.box_sachsapphathanh .title a{ font-weight: bold; color: #FFF; text-decoration:none;}
.box_sachsapphathanh .content { width: 715px; height: 204px; float: left; background: url(../Images/Home/bg_sachsapphathanh.png) no-repeat; padding-top: 10px;}
.box_sachsapphathanh .content .pitem { width: 144px; height: 191px; float: left; background: url(../Images/Home/bg_product.png) no-repeat; padding-top: 4px; padding-left: 5px; margin-left: 18px; margin-right: 8px;}

.box_content { width: 728px; height: auto; float: left; background: url(../Images/Home/bg_title.png) no-repeat left top; margin-bottom: 10px;}
.box_content .title { width: 728px; height: 25px; float: left; line-height: 25px; font-weight: bold; color: #FFF;}
.box_content .title span { width: auto; height: 25px; float: left; padding: 0px 25px; line-height: 25px; background: url(../Images/Home/bg_title_left.png) no-repeat left; }
.box_content .title span a{ color:#FFF; text-decoration:none; }
.box_content .title .bg { width: auto; height: 25px; float: left; line-height: 25px;}
.box_content .content { width: 728px; height: auto; float: left;}
.box_content .border { width: 732px; height: 12px; float: left; margin-left: -4px; background: url(../Images/Home/bg_border.png) no-repeat;}

.fitem { width: 430px; height: auto; float: left; padding: 10px;}
.fitem .img { width: 120px; height: 158px; float: left; background: url(../Images/Home/bg_product1.png) no-repeat; padding-top: 3px; padding-left: 4px;}
.fitem .text { width: 296px; height: auto; float: left; padding-left: 10px; color: #000; line-height: 18px; text-align:justify;}
.fitem .text .name { color: #d3610a; font-weight: bold; text-decoration: none; line-height: 30px;}
.fitem .text .next { color: #d3610a; font-size: 11px; text-decoration: none; line-height: 30px; background: url(../Images/Home/icon.png) no-repeat center left; padding-left: 15px; float: right;}
.litem { width: 250px; height: auto; float: left; padding-left: 28px; padding-top: 10px;}
.litem .img { width: 39px; height: 42px; float: left; border: solid 1px #e3e3e3; background-color: #FFF; padding: 1px;}
.litem .text { width: 195px; float: left; line-height: 18px; padding-left: 10px;}
.litem .text a { color: #000; text-decoration: none;}

.ar_title {font-size:16px;}

.slideshow { width:700px; height:330px; float:left; margin-bottom:10px; border: solid 1px #d8d8d8; padding: 3px; background-color: #FFF; }

.left_panel { width:180px; float:left; }
.menu_product {width:180px;float:left;margin-bottom:5px;}
.menu_product .cat_name {width:164px;height:21px;float:left;background:url(../Images/Home/cat_name.png) no-repeat;font-weight:bold;color:#FFF;line-height:21px;padding-left:15px;}
.menu_product .cat_name a{font-weight:bold;color:#FFF;text-decoration:none;}
.menu_product ul{width:170px;float:left;list-style: none;padding-left:9px;padding-top:3px;}
.menu_product ul li{width:158px;padding-top:3px;padding-bottom:3px;float:left;padding-left:12px;background:url(../Images/Home/icon5.png) no-repeat 0px 7px;}
.menu_product ul li a{text-decoration:none;color:#000;}
.menu_product ul li a:hover{color:#f17f26;}
.menu_product ul li ul{ width:158px;float:left;padding-left:0px;padding-top:0px;}
.menu_product ul li ul li{ width:146px;float:left;background:url(../Images/Home/icon6.png) no-repeat 0px 7px;}

.content_panel { width:545px;float:right;}
.box_center { width: 545px; height: auto; float: left; background: url(../Images/Home/bg_title.png) no-repeat right top; margin-bottom: 10px;}
.box_center .title { width: 545px; height: 25px; float: left; line-height: 25px; font-weight: bold; color: #FFF;}
.box_center .title span { width: auto; height: 25px; float: left; padding: 0px 25px; line-height: 25px; background: url(../Images/Home/bg_title_left.png) no-repeat left; }
.box_center .title .bg { width: auto; height: 25px; float: left; line-height: 25px;}
.box_center .content { width: 545px; height: auto; float: left;}
.box_center .content ul li { padding-left:10px;background: url(../Images/Home/icon7.png) no-repeat left center;}
.box_center .content ul li a{ text-decoration:none;color:#626262}
.box_center .content ul li a:hover{ text-decoration:underline;}
.box_center .pages { width: 545px; height: auto; float: left; padding:5px 0px;text-align:center;}
.list_item { width: 520px; height: auto; float: left; padding: 10px;}
.list_item .img { width: 120px; height: 158px; float: left; background: url(../Images/Home/bg_product1.png) no-repeat; padding-top: 3px; padding-left: 4px;}
.list_item .text { width: 386px; height: auto; float: left; padding-left: 10px; color: #000; line-height: 18px;}
.list_item .rating { width: 386px; height: auto; float: left; padding-left: 10px; color: #000; line-height: 18px;padding-top:10px;}
.list_item .rating label{ font-size:13px;}
.list_item .text .name { color: #d3610a; font-weight: bold; text-decoration: none; line-height: 30px; font-size:16px;}
.list_item .text .next { color: #d3610a; font-size: 11px; text-decoration: none; line-height: 30px; background: url(../Images/Home/icon.png) no-repeat center left; padding-left: 15px; float: left;}
.list_item  .name { color: #d3610a; font-weight: bold; text-decoration: none; line-height: 30px;}
.list_item  .next1 { color: #d3610a; font-size: 11px; text-decoration: none; line-height: 30px; background: url(../Images/Home/icon.png) no-repeat center left; padding-left: 15px; float: right;}

.support td{ padding:4px 0px; font-weight:bold;}

/*Footer*/
#footer { width:1001px; float:left; background: url(../Images/Home/bg_footer_top.png) no-repeat top; margin-top:-8px;padding-top:8px;}
.box_doitac { width:1000px;float:left;padding-left:1px;}
.box_doitac .title{ width:1000px;float:left;font-size:20px;color:#d25d07;font-family:Constantia;text-decoration:underline;padding-left:20px;}
.box_doitac .content{ width:1000px;height:73px;float:left;padding:10px 0px;}
.box_doitac ul li{ height:73px;float:left;list-style:none;}
.menu_footer { width:1001px; height:27px; float:left; text-align:center; line-height:27px; background: #c55513; color:#FFF;}
.menu_footer a{ color:#FFF; text-decoration:none;}
.content_footer { width:1001px; float:left; text-align:center; padding:10px 0px; line-height:18px;}

.sitemap {padding-left:20px;}
.sitemap ul{padding-left:40px;}
.sitemap ul li{padding:0px !important;background:none !important;}
.sitemap ul li ul{padding-left:40px;}

/* -----------------------------------*/
/* ----------->>> HACK <<<------------*/
/* -----------------------------------*/

/* Clearfix */

* html .clearfix
{
	height: 1%; /* IE5-6 */
}

.clearfix
{
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix
{
	display: block; /* O */
}



.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0;
	font-size: 1px;
	overflow: hidden;
}

/* ============ Slideshow ==================*/
#slideshow {
	position:relative;
	height:330px
}
#slideshow a {
	float:left;
	position:absolute;
}

#slideshow a img {
	border:none;
}

#slideshow a.show {
	z-index:500
}

#slideshow .caption {
	z-index:600; 
	background:none; 
	color:#ffffff;
	height:80px; 
	width:100%; 
	position:absolute;
	bottom:4px;
    float:left;
}

#slideshow .caption .content {
	margin:5px;
}

#slideshow .caption .content h3 {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#FFF;
}
